<template>
    <div id="OrderdetailPick">
        <v-details :detailData="data.detailData" :inputConfig="inputConfig" :rules="rules"></v-details>
    </div>
</template>

<script>
    import details from 'commons/Detail'
    import baseMixin from "@/mixins/BaseMixin";

    export default {
        name: "OrderdetailPick",
        mixins: [baseMixin],
        props: {
            data: {
                type: Object
            }
        },
        data() {
            return {
                inputConfig: [
                    [
                        {
                            type: "input",
                            label: this.$t('outbound.userlinenumber'),
                            props: "orderlinenumber",
                            disabled: true
                        },
                        {
                            type: "input",
                            label: this.$t('config.sku'),
                            props: "sku",
                        },
                        {
                            type: "textarea",
                            label: this.$t('out.pickdesc'),
                            props: "pickinginstructions",
                        },
                    ],
                    [
                        {
                            type: "select",
                            label: "UDF1",
                            props: "susr1",
                            disabled: true,
                            options: []
                        },
                        {
                            type: "select",
                            label: "UDF2",
                            props: "susr2",
                            options: []
                        },
                        {
                            type: "select",
                            label: "UDF3",
                            props: "susr3",
                            options: []
                        },
                        {
                            type: "input",
                            label: "UDF4",
                            props: "susr4",
                        },
                        {
                            type: "input",
                            label: "UDF5",
                            props: "susr5",
                        },
                    ],
                    [
                        {
                            type: "textarea",
                            label: this.$t('common.note'),
                            props: "notes",
                        },
                    ]
                ],
                rules: {
                    orderlinenumber: [
                        {required: true, trigger: 'blur'},
                    ],
                    susr1: [
                        {required: true, trigger: 'blur'},
                    ]
                },
            }
        },
        methods: {},
        mounted() {
        },
        watch: {},
        components: {
            'v-details': details
        }
    }
</script>

<style scoped>

</style>
